<template>
  <div id="myself">
    <div class="middle">
      <div class="top">
        <ChevronLeftIcon @click="back()" class="back" />
        <div>个人资料</div>
        <span>&nbsp;</span>
      </div>
      <div class="box">
        <li>
          <div>头像</div>
          <span><img src="./img/1.png" /><ChevronRightIcon class="Ico" /></span>
        </li>
        <li>
          <div>ID</div>
          <span>209901071124<FileCopyIcon class="Ico" /></span>
        </li>
        <li>
          <div>昵称</div>
          <span>一闪一闪亮晶晶<ChevronRightIcon class="Ico" /></span>
        </li>
      </div>
    </div>
  </div>
</template>
      
    <script setup lang="ts">
import "./myself.css";
import {
  ChevronLeftIcon,
  ChevronRightIcon,
  FileCopyIcon,
} from "tdesign-icons-vue-next";
import { useRouter } from "vue-router";

let router = useRouter();
let back = () => {
  router.go(-1);
};
</script>
      
    <style>
</style>